<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/jquery.bxslider.css"/>
    <link rel="stylesheet" href="css/laidian.css" type="text/css">
    <link rel="stylesheet" type="text/css" href="css/kehu_xinwan.css" />
    <!--[if lt IE 9]>
    <script src="js/respond.min.js"></script>
    <script src="js/html5shiv.min.js"></script>
    <![endif]-->
    <script type="text/javascript" src="js/jquery-2.1.4.js"></script>
    <script type="text/javascript" src="js/jquery.bxslider.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body>
       <!--    相关业务    -->

       <section >
               <p style="line-height: 30px;margin:10px 15px;background: #f4f4f5;color:#7a7b7d">
                   <i class="glyphicon glyphicon-knight"style="margin-left: 10px;color: #f1cd09;"></i>
                   <span>某某先生/女士</span>：
                   下午好！悠悠的云里有淡淡的诗，绵绵的诗里，有我轻轻的问候！，祝您，情人节快乐！
               </p>
               <!--<div class="mask" style="display: none"></div>-->
               <div class="container">
                   <div class="matter">
                       <div class="container_box" >
                           <div class="client_information ">
                               <p>客户信息</p>
                               <ul>
                                   <li>姓名：<span>未知</span></li>
                                   <li>TEL：<span>未知</span></li>
                                   <li>性别：<span>未知</span></li>
                                   <li>年龄：<span>未知</span></li>
                                   <li>客户等级：<span>未知</span></li>
                               </ul>
                               <button id="customers" class="btn btn-primary col-sm-10 col-sm-offset-1">系统客户信息完善</button>
                            
                           </div>
                           <!--<div class="col-sm-2 wenhou_yu">-->
                               <!--<p>问候语</p>-->
                                   <!--<ul>-->
                                       <!--<li><span>XX</span>先生/女士</li>-->
                                       <!--<li>下午好！</li>-->
                                       <!--<li>悠悠的云里有淡淡的诗，</li>-->
                                       <!--<li>绵绵的诗里，</li>-->
                                       <!--<li>有我轻轻的问候</li>-->
                                       <!--<li>祝您，</li>-->
                                       <!--<li>情人节快乐！</li>-->
                                   <!--</ul>-->
                           <!--</div>-->
                           <div class="client_information_bot">
                               <p>相关业务</p>
                               <div class="kuan">
                                   <div class="slider4">
                                       <div class="slide">
                                           <h4>汽车金融</h4>
                                           <hr>
                                           <ul>
                                               <li>一、客户基本信息</li>
                                               <li>1、融资额：<span>XXX</span></li>
                                               <li>2、性别：<span>男</span></li>
                                           </ul>
                                           <ul>
                                               <li>二、贷款信息</li>
                                               <li>1、贷款提交时间<span></span></li>
                                               <li>2、放款时间<span></span></li>
                                           </ul>
                                           <ul>
                                               <li>三、还款信息</li>
                                               <li>1、首次还款日期<span></span></li>
                                               <li>2、已还期数、剩余期数、总共期数<span></span></li>
                                           </ul>
                                           <hr>
                                       </div>
                                       <div class="slide" >
                                           <h4>4S店</h4>
                                           <hr>
                                           <ul>
                                               <li>一、客户基本信息</li>
                                               <li>1、融资额：<span>XXX</span></li>
                                               <li>2、性别：<span>男</span></li>
                                           </ul>
                                           <ul>
                                               <li>二、购车记录</li>
                                               <li>1、购车记录1<span></span></li>
                                               <li>2、购车记录2<span></span></li>
                                           </ul>
                                           <ul>
                                               <li>三、维保记录</li>
                                               <li>1、维保记录1<span></span></li>
                                               <li>2、维保记录2<span></span></li>
                                           </ul>
                                           <hr>
                                       </div>
                                       <div class="slide">
                                           <h4>津湘汽车</h4>
                                           <hr>
                                           <ul>
                                               <li>一、客户基本信息</li>
                                               <li>1、融资额：<span>XXX</span></li>
                                               <li>2、性别：<span>男</span></li>
                                           </ul>
                                           <ul>
                                               <li>二、贷款信息</li>
                                               <li>1、贷款提交时间<span></span></li>
                                               <li>2、放款时间<span></span></li>
                                           </ul>
                                           <ul>
                                               <li>三、还款信息</li>
                                               <li>1、首次还款日期<span></span></li>
                                               <li>2、已还期数、剩余期数、总共期数<span></span></li>
                                           </ul>
                                           <hr>
                                       </div>
                                   </div>
                               </div>
                           </div>
                       </div>
                       </div>
                       <!--    通话记录    -->

                        <div class="call_jilu col-sm-12">
                             <p>通话记录</p>
                             <div class="call_records col-sm-12 demo">
                                  <table class="tab table-responsive table-bordered table_ton table" data-resizable-columns-id="demo-table">
                                       <thead>
                                           <tr>
                                               <th>通话流水号</th>
                                               <th>通话时间</th>
                                               <th>通话号码</th>
                                               <th>通话时长</th>
                                               <th>分类</th>
                                               <th>诉求分类</th>
                                               <th>业务模板</th>
                                               <th>业务分类</th>
                                               <th>备注信息</th>
                                               <th>操作</th>
                                           </tr>
                                       </thead>
                                       <tbody>
                                           <tr>
                                              <td>2016040801</td>
                                               <td>2016/04/08 09:00</td>
                                               <td>13656322320</td>
                                               <td>02:00</td>
                                               <td>呼入</td>
                                               <td></td>
                                               <td></td>
                                               <td></td>
                                               <td>
                                                   <div>
                                                   </div>
                                                   <a href="javascript:;" class="details_x"></a>
                                               </td>
                                               <td><a href="javascript:;" class="recompose Details">修改</a></td>
                                           </tr>
                                           <tr>
                                               <td>2016040801</td>
                                               <td>2016/04/08 09:00</td>
                                               <td>13656322320</td>
                                               <td>02:00</td>
                                               <td>呼出</td>
                                               <td>回访</td>
                                               <td>保险</td>
                                               <td>服务</td>
                                               <td>
                                                   <div>
                                                       xx先生/女士打电话投诉融资业务乱扣费，多扣除
                                                       人民币1000元，xx先生/女士打电话投诉融资业务乱扣费，多扣除
                                                       人民币1000元，xx先生/女士打电话投诉融资业务乱扣费，多扣除
                                                       人民币1000元，xx先生/女士打电话投诉融资业务乱扣费，多扣除
                                                       人民币1000元，xx先生/女士打电话投诉融资业务乱扣费，多扣除
                                                       人民币1000元
                                                   </div>
                                               </td>
                                               <td></td>
                                           </tr>
                                           <tr>
                                               <td>2016040801</td>
                                               <td>2016/04/08 09:00</td>
                                               <td>13656322320</td>
                                               <td>02:00</td>
                                               <td>呼入</td>
                                               <td>咨询</td>
                                               <td>融资</td>
                                               <td>业务</td>
                                               <td>
                                                   <div>
                                                       xx先生/女士打电话投诉融资业务乱扣费，多扣除
                                                       人民币1000元，xx先生/女士打电话投诉融资业务乱扣费，多扣除
                                                       人民币1000元，xx先生/女士打电话投诉融资业务乱扣费，多扣除
                                                       人民币1000元，xx先生/女士打电话投诉融资业务乱扣费，多扣除
                                                       人民币1000元，xx先生/女士打电话投诉融资业务乱扣费，多扣除
                                                       人民币1000元
                                                   </div>
                                               </td>
                                               <td></td>
                                           </tr>
                                           <tr>
                                               <td>2016040801</td>
                                               <td>2016/04/08 09:00</td>
                                               <td>13656322320</td>
                                               <td>02:00</td>
                                               <td>呼入</td>
                                               <td>投诉</td>
                                               <td>融资</td>
                                               <td>业务</td>
                                               <td>
                                                   <div>
                                                       xx先生/女士打电话投诉融资业务乱扣费，多扣除人民币1000元，xx先生/女士打电话投诉融资业务乱扣费，多扣除人民币1000元，xx先生/女士打电话投诉融资业务乱扣费，多扣除人民币1000元，xx先生/女士打电话投诉融资业务乱扣费，多扣除人民币1000元，xx先生/女士打电话投诉融资业务乱扣费，多扣除人民币1000元
                                                   </div>
                                               </td>
                                               <td><a href="javascript:;" class="recompose Details">修改</a></td>
                                           </tr>
                                           <tr>
                                               <td>2016040801</td>
                                               <td>2016/04/08 09:00</td>
                                               <td>13656322320</td>
                                               <td>02:00</td>
                                               <td>呼入</td>
                                               <td>回访</td>
                                               <td>保险</td>
                                               <td>服务</td>
                                               <td>
                                                   <div>
                                                       xx先生/女士打电话投诉融资业务乱扣费，多扣除
                                                       人民币1000元，xx先生/女士打电话投诉融资业务乱扣费，多扣除
                                                       人民币1000元，xx先生/女士打电话投诉融资业务乱扣费，多扣除
                                                       人民币1000元，xx先生/女士打电话投诉融资业务乱扣费，多扣除
                                                       人民币1000元，xx先生/女士打电话投诉融资业务乱扣费，多扣除
                                                       人民币1000元
                                                   </div>
                                               </td>
                                               <td><a href="javascript:;" class="recompose Details">修改</a></td>
                                           </tr>
                                       </tbody>
                                   </table>
                             </div>
                        </div>
                      </div>
       </section>
       <script type="text/javascript" src="js/laidian.js"></script>
       <script type="text/javascript" src="js/jquery.resizableColumns.js"></script>
       <script type="text/javascript">
           $(function() {
                  $("#customers").click(function(){
                       parent.testFun();
                   })
               $(".Details").click(function(){
                   parent.testFunxiu();
               })
           });
           $(function(){
               $("table").resizableColumns({});
           });

       </script>

</body>
</html>